<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    <ui:define name="title">
        Test reis
    </ui:define>
    
    <ui:define name="content">
        
        <h1>Testje reis</h1>

        <h:form>
            <p>
                <h:outputLabel id="reisBestemmingLabel" for="selectReisBestemming" value="Bestemming: " />
                <h:selectOneMenu id="selectReisBestemming" value="#{reisController.bestemming}">
                    <f:selectItems value="#{bestemmingController.bestemmingen}" var="bestemming" itemLabel="#{bestemming}" itemValue="#{bestemming.id}"/>
                </h:selectOneMenu>
            </p>

            <p>
                <h:outputLabel id="reisPeriodeLabel" for="selectReisPeriode" value="Periode: " />
                <h:selectOneMenu id="selectReisPeriode" value="#{reisController.periode}">
                    <f:selectItems value="#{periodeController.perioden}" var="periode" itemLabel="#{periode}" itemValue="#{periode.id}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="reisVervoerLabel" for="selectReisVervoer" value="Vervoer: " />
                <h:selectOneMenu id="selectReisVervoer" value="#{reisController.vervoer}">
                    <f:selectItems value="#{vervoerController.vervoeren}" var="vervoer" itemLabel="#{vervoer}" itemValue="#{vervoer.id}"/>
                </h:selectOneMenu>
            </p>
            
            <p>
                <h:outputLabel id="reisAantalPlaatsenLabel" for="reisAantalPlaatsen" value="Aantal plaatsen: " />
                <h:inputText id="reisAantalPlaatsen" value="#{reisController.aantalPlaatsen}" required="true"/>
            </p>
            
            <p>
                <h:outputLabel id="reisPrijsPerPersoonLabel" for="reisPrijsPerPersoon" value="Prijs per persoon: " />
                <h:inputText id="reisPrijsPerPersoon" value="#{reisController.prijsPerPersoon}" required="true">
                    <f:convertNumber pattern="#,###,##0.00"/>
                </h:inputText>
            </p>
            
            <p>
                <h:outputLabel id="reisPlaatsVanVertrekLabel" for="reisPlaatsVanVertrek" value="Plaats van vertrek: " />
                <h:inputText id="reisPlaatsVanVertrek" value="#{reisController.plaatsVanVertrek}" required="true"/>
            </p>
            
            <p><h:commandButton value="Submit" action="#{reisController.insertReis}"></h:commandButton></p>
        </h:form>
        
        <h:dataTable var="reis" value="#{reisController.reisen}">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Bestemming:"/>
                </f:facet>
                <h:outputText value="#{reis.bestemming}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Periode:"/>
                </f:facet>
                <h:outputText value="#{reis.periode}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Vervoer:"/>
                </f:facet>
                <h:outputText value="#{reis.vervoer}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="aantal plaatsen:"/>
                </f:facet>
                <h:outputText value="#{reis.aantalPlaatsen}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Prijs per persoon:"/>
                </f:facet>
                <h:outputText value="#{reis.prijsPerPersoon}"/>
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Plaats van vertrek:"/>
                </f:facet>
                <h:outputText value="#{reis.plaatsVanVertrek}"/>
            </h:column>
        </h:dataTable>
        
    </ui:define>  
</ui:composition>